<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>Canadian Centre for Architecture (CCA) | An international research centre and museum devoted to architecture</title>
    <meta name="description" content="The Canadian Centre for Architecture (CCA) was founded in 1979 as a new form of cultural institution to build public awareness of the role of architecture in society, promote scholarly research in the field, and stimulate innovation in design practice."/>
    <meta name="keywords" content="architecture, museum, research, centre, exhibitions, montreal, quebec, canada"/>
    <meta name="bitly-verification" content="24f707ee375a"/>

    <link href="http://www.cca.qc.ca/assets/print.css?1316029856" media="print" rel="stylesheet" type="text/css" />
<link href="http://www.cca.qc.ca/stylesheets/cca.css?1323886403" media="screen, projection" rel="stylesheet" type="text/css" />
<!--[if IE]><link rel="stylesheet" href="/assets/ie.css" type="text/css" media="screen, projection" charset="utf-8"><![endif]-->
<!--[if IE]><link rel="stylesheet" href="/assets/style_ie.css" type="text/css" media="screen, projection" charset="utf-8"><![endif]-->

<script src="http://www.cca.qc.ca/javascripts/shadowbox-build-3.0b/shadowbox.js?1323886403" type="text/javascript"></script>
<script src="http://www.cca.qc.ca/javascripts/cca_en.js?1323886412" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://fast.fonts.com/jsapi/0ec79417-e9f0-4ceb-ad4b-89c08870d7ac.js"></script>
<script type="text/javascript" src="http://use.typekit.com/xhv2xlv.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>


    <!-- Include Google analytics -->
          <script src="http://www.cca.qc.ca/javascripts/analytics.js?1323886403" type="text/javascript"></script>
    
    <!--[if !IE]><!-->
    <link rel="icon" href="http://www.cca.qc.ca/images/favicon.ico" type="image/x-icon" />
    <!--<![endif]-->
    <!--[if IE]><!-->
    <link rel="SHORTCUT ICON" href="http://www.cca.qc.ca/images/favicon.ico" />
    <!--<![endif]-->
    <link href="http://www.cca.qc.ca/en/rss/cca.rss" type="application/rss+xml" rel="alternate" title="CCA RSS Feed" />

    <script type="text/javascript">
    Ext.onReady(function() {
        var ieOffset = 0;
        if(Ext.isIE7 || Ext.isIE6) {
            var ieOffset = 80;
        }
        var search = new CCA.SearchBox({ //stretchy search box with some custom styles
            cls: 'x_cca x_searchbox',
            standardSubmit:true,
            renderTo: "search_ct",
            offSet: ieOffset,
            url: '/en/search'
        });

        var b = Ext.getBody();
        if(Ext.isSafari || Ext.isIE) {
            var h = b.up('html');
            var sec = Ext.get('secondary_sb').setHeight(h.getHeight()); //make the secondary sb's height cause Safari doesn't get 100% height

        }

        }) //end of onReady
    </script>
</head>

<body class="en">
    <script type="text/javascript">
	var flashvars = {
	    jsonUrl: "/en/home_showcase",
	    specialShowcaseUrl: "/en/special_showcase"
	};
	
	var params = {};
	params.menu = "false";
	params.allowFullScreen = "true";
	params.allowScriptAccess = "always";
	params.salign = "lt";
	params.bgcolor = "#ffffff";
    params.wmode = "opaque";
	
	var attributes = {};
	attributes.id="flashcontent";
	
	var version = swfobject.getFlashPlayerVersion();
	var major = version.major;

    Ext.onReady(function(){

        var noFlash = '<p id="no_flash">This site requires the use of the Adobe Flash Player. Please download it <a href="http://get.adobe.com/flashplayer/"> here</a>.</p>';
        
        if(major == 0 || major == null) { //no flash at all
            var c = Ext.get("flashcontent");
            c.insertHtml("beforeBegin", noFlash, true);
        };

    	swfobject.embedSWF("/assets/main.swf?1316029856", "flashcontent", "100%", "100%", "9.0.0", "/assets/expressInstall.swf", flashvars, params, attributes);
	});
    
</script>

<style type="text/css">
<!--
body, html {
  padding:0;
  margin:0;
  width:100%;
  height:100%;
}

#all {
  position:relative;
  padding:0;
  height:100%;
  min-width:960px;
  min-height:600px;
}

#flashcontent {
  height: 100%;
}

#no_flash {
    margin:15% auto;
    padding:20px 50px;
    width:300px;
    font-size:150%;
    text-align:left;
}

#no_flash a {
    text-decoration:underline !important;
}

#menu_wrap {
  position:absolute;
  right:0;
  top:0;
  height:100%;
  width:120px;
  z-index:88;
}

#nav_menu {
  position:absolute;
  right:0;
  top:0;
  width:95px;
  padding:0 10px 0 10px;
  height:100%;
  background:#fff;
  z-index:99;
  opacity:0.9; /* must make this a png instead*/
}

#links_footer {
    position: absolute;
    bottom:40px;
}
-->
</style>

<!--[if IE 7]>
  <style type="text/css" media="screen">
    #primary_sb, #secondary_sb, #secondary_sb_ct {
        top:0;
    }

    #secondary_sb {
        right:0;
    }
    
    #menu_wrap {
        overflow:visible;
        text-align:right;
    }
    
    #nav_menu {
      padding:0 10px 0 12px;
      overflow:visible;
    }
    
    #nav_menu #secondary_sb {
        padding-top:18px;
        overflow:visible;        
    }
    
    #actions {
        position:absolute;
        right:5px;
        width:300px;
        overflow:hidden;
    }
    
    #actions .search_button {
        text-align:left;
    }
    
    #nav_menu #menu {
        right:10px;
        width:90px;
        text-align:left;
    }
    
    #lang_switch {
        text-align:left;
        margin-right:0;
        margin-left:205px;
        width:90px;
    }
    
  </style>
  <![endif]-->
  
<div id="all">
  
  <div id="menu_wrap">
    <div id="nav_menu">
      <div id="secondary_sb" class="sb"><!-- secondary sideb-bar, actual -->
  <div id="actions">
    <div id="search_ct">
    </div>
    <a href="http://www.cca.qc.ca/fr" id="lang_switch" class="text_hide graphical">Français</a>
  </div>
  <div id="menu">
    <h2 class="hide">Menu:</h2>
    <ul class="graphical">
      <li><a href="http://www.cca.qc.ca/en/calendar" class="nav_calendar act">Calendar</a></li>
      <li><a href="http://www.cca.qc.ca/en/browse" class="nav_browse act">Browse</a></li>
      <li><a href="http://www.cca.qc.ca/en/about" class="nav_about">About</a></li>
      <li><a href="http://www.cca.qc.ca/en/jobs" class="nav_jobs">Jobs</a></li>
      <li><a href="http://www.cca.qc.ca/en/visit" class="nav_visit">Visit</a></li>
      <li><a href="http://www.cca.qc.ca/en/bookstore" class="nav_bookstore">Bookstore</a></li>
      <li><a href="http://www.cca.qc.ca/en/support" class="nav_support">Support</a></li>
      <li><a href="http://www.cca.qc.ca/en/press" class="nav_press">Press</a></li>
      <li><a href="http://www.cca.qc.ca/en/contact" class="nav_contact">Contact</a></li>
      <li><a href="http://www.cca.qc.ca/en/newsletter" class="nav_newsletter last">Newsletter</a></li>
    </ul>
    <ul class="social-media">
      <li><a href="http://facebook.com/cca.conversation" class="facebook">Facebook</a></li>
      <li><a href="http://twitter.com/ccawire" class="twitter">Twitter</a></li>
    </ul>
  </div>
   <div id="links_footer">
     <span class="copyright graphical text_hide">Copyright CCA</span>
     <a href="http://www.cca.qc.ca/en/about-this-website" class="about_site graphical text_hide">about this site</a>
     <a href="http://www.cca.qc.ca/en/terms" class="terms graphical text_hide">terms of use</a>
   </div>
</div>
    </div>
  </div>
  
  <div id="flashcontent">
  </div>
</div>
</body>

</html>
